@import 'include/edit_project.less';//编辑项目页面
@import 'include/project_detail.less';//项目详情页面
@import 'include/binding.less';//绑定成功页面
html,body{
margin:0;
padding: 0;
max-width: 1920px;
font-family: Microsoft YaHei;
} 
img{
border-style:none;
}
p{
margin:0;
padding:0;
}
ul,li{
margin: 0;
padding:0;
list-style: none;
}
input,select{
outline: none;
margin:0;
padding: 0;
border: none;
}
a{
text-decoration: none;
outline: none;
}
.center{
	width: 1180px;
	margin:0 auto;
}
.footer{
	min-width:1180px;
	background: #333;
	width: 100%;
	text-align: center;
	color: #949595;
	font-size: 12px;
	padding:10px 0;
	@media(min-width: 1367px){
		font-size: 16px!important;
	}
	p{
		margin: 0;
		span{
			margin-left: 10px;
		}
	}
	.link{
		a{
			color: #949595;
			display: inline-block;
			&:hover{
				color:#ddd;
			}
			&:first-child:hover{
				color: #949595!important;
			}
		}
		span{
			display: inline-block;
			content: "";
			height: 10px;
			margin: 0 10px;
			border-right:1px solid #A9A9A9;
		}
	}
}

//登录页面
.login_body{
	width: 100vw;
    height: 100vh;
    background: url(../images/login1.jpg) no-repeat;
    background-size: 100% 100%;
}
.login_header{
	position: absolute;
	top: 5%;
	left: 13%;
	@media(min-width: 1367px){
		left: 16%!important;
	}
	a{
		font-size: 40px;
		color: #fff;
	}
}
.login{
	position: absolute;
	right: 20%;
	top: 20%;
	width: 420px;
	text-align: center;
	background: #fff;
	@media(min-width: 1367px){
		right: 24.5%!important;
		top: 23%!important;
	}
	.title{
		font-size: 20px;
		margin: 16px 0;
	}
	.message{
		width: 270px;
		margin:0 auto;
		margin-bottom: 16px;
		input{
			border:1px solid #ccc;
			width: 258px;
			height: 18px;
			line-height: 18px;
			font-size: 16px;
			color: #333;
			padding:10px 0 10px 10px;
			border-radius: 5px;
		}
	}
	.code{
		overflow: hidden;
		width: 270px;
		margin:0 auto;
		margin-bottom: 16px;
		input{
			border:1px solid #ccc;
			width: 128px;
			height: 18px;
			line-height: 18px;
			font-size: 16px;
			color: #333;
			padding:10px 0 10px 10px;
			border-radius: 5px;
			float: left;
			margin-right: 10px;
		}
		i{
			display: block;
			float: right;
			width: 120px;
			height: 38px;
			img{
				width:100%;
				height: 100%;
			}
		}
	}
	.warm{
		font-size: 14px;
		margin-bottom: 16px;
		img{
			position: relative;
			top: 2px;
		}
	}
	.dowebok{
		width: 270px;
		margin:0 auto;
		overflow: hidden;
		padding-bottom: 16px;
		li{
			float: left;
			margin:0 22px;
		}
	}
	button{
		width: 270px;
		height: 40px;
		line-height: 40px;
		font-size: 17px;
		background: #36648B;
		color: #fff;
		border:none;
		letter-spacing: 2px;
		margin-bottom: 16px;
		&:hover{
			background: #084D7C;
		}
	}
	.note{
		width: 270px;
		margin:0 auto;
		overflow: hidden;
		margin-bottom: 16px;
		span{
			display: block;
			a{
				color: #333;
				display: block;
				&:hover{
					color: #36648B;
				}
			}
		}
		span:first-child{
			float: left;
		}
		span:last-child{
			float: right;
		}
	}
}
.login_f{
	position: absolute;
	bottom: 5%;
	background: none;
	padding: 0;
	min-width: 100%;
}

//注册页面
.regi_body{
	background: #F2F2F2;
}
.regi_header{
	height: 84px;
	line-height: 84px;
	font-size: 40px;
	padding-left: 10%;
	a{
		color: #666;
	}
}
.register{
	width: 100%;
	position: relative;
	.bule_bg{
		width: 100%;
		height: 200px;
		background: #4877ED;
		div{
			font-size: 36px;
			width: 740px;
			margin:0 auto;
			height:50px;
			line-height: 50px;
			color: #fff;
			padding-top: 30px;
			padding-left:10px;
		}
	}
	.content{
		margin:-100px auto 100px;
		width:740px;
		background: #fff;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		padding:40px 20px;
		table{
			width:100%;
			tr{
				width:100%;
				margin-bottom:16px;
				display: block;
				td{
					height: 40px;
					line-height:40px;
					input:not([type=radio]){
						border: 1px solid #ccc;
						width: 300px;
						height: 18px;
						line-height: 18px;
						font-size: 16px;
						color: #333;
						padding: 10px 0 10px 10px;
						border-radius: 5px;
						margin:0 20px 0 10px;
					}
					select{
						border: 1px solid #ccc;
						width: 310px;
						padding-left:10px;
						height: 40px;
						font-size: 16px;
						color: #333;
						border-radius: 5px;
						margin:0 20px 0 10px;
					}
					.dowebok{
						line-height:normal;
						margin-left: 10px;
						li{
							float: left;
							margin-right: 60px;
						}
					}
				}
				td:first-child{
					width:65px;
					text-align: right;
					margin-right:10px;
					font-size: 14px;
					color: #666;
				}
				td:nth-child(3){
					color: #999999;
					font-size:12px;
				}
			}
			.get_code{
				input{
					width: 168px!important;
					margin-right: 10px!important;
				}
				button{
					width:115px;
					height:38px;
					line-height:38px;
					border:1px solid #ededed;
					background: #ededed;
					outline: none;
					color: #333;
					-webkit-border-radius: 5px;
					-moz-border-radius: 5px;
					border-radius: 5px;
					position: relative;
					top:1px;
					cursor: pointer;
					&:hover{
						background: #fff;
					}
				}
			}
		}
		>button{
			display: block;
			margin: 20px auto 15px;
			width: 270px;
			height: 40px;
			line-height: 40px;
			font-size: 17px;
			background: #4877ED;
			color: #fff;
			border:none;
			letter-spacing: 2px;
			cursor: pointer;
			&:hover{
				background: #3166eb;
			}
		}
		.go_login{
			text-align: center;
			a{
				color:#4877ED;
				font-size: 13px;
			}
		}
	}
}
.regi_f{
	min-width:100%;
}

//首页
.index_header{
	height:63px;
	line-height:63px;
	color:#666;
	background: #f2f2f2;
	min-width: 1180px;
	.logo{
		font-size: 24px;
		float: left;
		a{
			color:#666;
		}
	}
	.state{
		float: right;
		font-size: 16px;
		span{
			a {
				line-height:63px;
				color: #000;
				font-size:12px;
				&:hover {
					color: #4895EF;
				}
				img {
					width: 32px;
					height: 32px;
					border-radius: 50%;
					object-fit: cover;
					vertical-align: middle;
					margin-right:12px;

				}
			}
		}
		span:first-child{
			float: left;
			margin-right:14px;
			position: relative;
			&:hover{
				ul{
					display: block;
				}
			}
			ul{
				display: none;
				z-index:9;
				position: absolute;
				background: #fff;
				top:63px;
				left:6px;
				width:100px;
				padding: 10px 0;
				-webkit-border-radius: 10px;
				-moz-border-radius: 10px;
				border-radius: 10px;
				li{
					line-height:30px;
					font-size: 14px;
					padding-left:34px;
					background-repeat:no-repeat;
					background-position: 10px center;
					background-size: 16px;
					a{
						line-height:30px;
					}
				}
				li:first-child{
					background-image: url("../images/img1.png");
				}
				li:nth-child(2){
					background-image: url("../images/img2.png");
				}
				li:nth-child(3){
					background-image: url("../images/img3.png");
				}
				li:nth-child(4){
					background-image: url("../images/img4.png");
				}
				&:before{
					content:"";
					width: 0;
					height: 0;
					border-left:10px solid transparent;
					border-right:10px solid transparent;
					border-bottom:10px solid #fff;
					position: absolute;
					top:-10px;
					left:40px;
				}
			}
		}
		span:last-child{
			padding-left:13px;
			position: relative;
			&:before{
				content: "";
				width:1px;
				height:12px;
				background: #666;
				position: absolute;
				top:6px;
				left:0;
			}
		}
	}
}
.index_main{
	width:100%;
	min-width:1180px;
	.infor{
		width:100%;
		height:242px;
		background: #182E81;
		overflow: hidden;
		.po_img{
			float: left;
			width:120px;
			height:120px;
			margin-left:40px;
			margin-top:39px;
			img{
				width:120px;
				height: 120px;
				border-radius: 50%;
				object-fit: cover;
			}
		}
		.content{
			margin:20px 0;
			height: 198px;
			border:2px solid #0083ff;
			padding-left:190px;
			position: relative;
			.name{
				margin-top:38px;
				font-size: 36px;
				font-weight: bold;
				color:rgb(242, 232, 31);
			}
			p{
				color: #fff;
				font-size: 12px;
				margin-top:10px;
			}
			.school{
				margin-top:18px;
				span {
					padding-right: 17px;
					margin-right: 14px;
					position: relative;
					&:after{
						content: "";
						width: 6px;
						height: 18px;
						background:rgb(242, 232, 31);
						position: absolute;
						top:0;
						right:0;
					}
				}
				span:last-child{
					&:after{
						display: none;
					}
				}
			}
			.school_t{
				font-size: 26px;
				font-weight:bold;
				color:#ff5e42;
				margin-top:65px;
			}
			.contact{
				span{
					padding-left:20px;
				}
				span:first-child{
					margin-right: 26px;
					background: url("../images/tel.png") left center no-repeat;
				}
				span:last-child{
					background: url("../images/email.png") left center no-repeat;
				}
			}
			.infor_bg{
				position: absolute;
				top:20px;
				right: 100px;

			}
		}
	}
	.container{
		width:100%;
		.nav{
			width:100%;
			height:98px;
			background: #E6E6E6;
			ul {
				/*width: 1180px;
				margin: 0 auto;
				overflow: hidden;*/
				li{
					float: left;
					width: 25%;
					height: 98px;
					text-align: center;
					a {
						display: block;
						margin-top: 21px;
						i {
							width: 35px;
							height: 35px;
							display: block;
							margin:0 auto;
							background-size: 35px;
							background-position: center center;
							background-repeat: no-repeat;
						}
						span {
							display: block;
							color: #4e4e4e;
							font-size: 16px;
						}
					}
				}
				li:first-child{
					i{
						background-image: url("../images/my_project.png");
					}
					&.current{
						i{
							background-image: url("../images/my_project1.png");
						}
					}
				}
				li:nth-child(2){
					i{
						background-image: url("../images/my_message.png");
					}
					&.current{
						i{
							background-image: url("../images/my_message1.png");
						}
					}
				}
				li:nth-child(3){
					i{
						background-image: url("../images/role.png");
					}
					&.current{
						i{
							background-image: url("../images/role1.png");
						}
					}
				}
				li:last-child {
					margin-right: 0;
					i{
						background-image: url("../images/config.png");
					}
					&.current{
						i{
							background-image: url("../images/config1.png");
						}
					}
				}
				.current {
					background: #4877ED;
					a{
						span{
							color: #fff;
						}
					}
				}
			}
		}
		.prodect{
			width:100%;
			background: #F2F2F2;
			padding-top:40px;
			padding-bottom: 40px;
			.none{
				display: none;
			}
			.year {
				height: 40px;
				line-height: 40px;
				margin-bottom: 40px;
				div {
					float: right;
					span{
						padding-right:10px;
					}
					select {
						height: 40px;
						line-height: 40px;
						width: 160px;
						font-size: 20px;
						text-align: center;
					}
				}
			}
			.build{
				width: 680px;
				height: 380px;
				background: url("../images/account_main_left_bg.jpg");
				a{
					display: block;
					width:60%;
					padding-top:192px;
					margin:0 auto;
					text-align: center;
					font-size: 30px;
					font-weight: bold;
					color: #fff;
					background: url("../images/create_project_normal.png") center 112px no-repeat;
				}
			}
			.project{
				width:100%;
				.pro{
					width:100%;
					height: 380px;
					.brief {
						float: left;
						width:680px;
						height:380px;
						background: url("../images/account_main_left_bg.jpg");
						position: relative;
						.state{
							height: 180px;
							width: 180px;
							position: absolute;
							top: 0px;
							left: 0px;
							&:before{
								display: block;
								content: '';
								width: 0;
								height: 0;
								border-top: 180px solid yellow;
								border-right: 180px solid transparent;
							}
							span{

								transform:rotate(-45deg);
								z-index: 9;
								color: #182e81;
								font-weight: bold;
								position: absolute;
								top: 45px;
								left: 50%;
								margin-left: -90px;
								text-align: center;	
							}
						}
						.name{
							text-align: center;
							line-height: 40px;
							margin-top: 151px;
							font-size: 20px;
							font-weight: bold;
							padding: 0 45px;
							a{
								color: #fff;
							}
							span{
								display: block;
								margin-top: 20px;
								font-size: 18px;
								color: rgb(242, 242, 242);
								line-height: 18px;
								font-weight:normal;
							}
						}
						.op{
							position: absolute;
							top:25px;
							right: 28px;
							a{
								color: #fff;
								font-size: 16px;
								&:hover{
									border-bottom: 1px solid #fff;
								}
							}
							a:first-child{
								margin-right:20px;
							}
						}
					}
					.detail{
						float: left;
						width: 500px;
						height:380px;
						background: #fff;
						div{
							width: 235px;
							height: 48px;
							line-height: 48px;
							color: #fff;
							background: #bd1e22;
							font-size: 16px;
							border-radius: 5px;
							margin: 30px auto 20px;
							text-align: center;
						}
						p{
							padding: 0 20px 8px;
							text-indent:32px;
						}
					}
				}
				.member,.teacher{
					width: 100%;
					margin-top:40px;
					position: relative;
					.title{
						text-align: center;
						font-size: 24px;
						font-weight: bold;
						color: #333;
						padding:30px 0;
					}
					.add_button{
						width: 48px;
						height: 48px;
						border-radius: 50%;
						background: url("../images/add_button.png");
						position: absolute;
						top:21px;
						right:0;
						a{
							display: block;
							width: 48px;
							height:48px;
						}
					}
					ul{
						margin:10px auto 30px;
						overflow: hidden;
						li{
							margin-top:20px;
							float: left;
							width:30%;
							margin-right: 5%;
							height: 200px;
							background: #fff;
							text-align: center;
							color: #666;
							span{
								display: block;
								font-size:28px;
								font-weight: bold;
								padding-top:30px;
							}
							p{
								font-size: 24px;
								line-height:24px;
								padding-top:20px;
							}
							div{
								margin-top:30px;
								img{
									width:30px;
									height:30px;
								}
							}
						}
						li:nth-child(3n+3) {
							margin-right: 0;
						}
					}
				}
				.schedule{
					width: 100%;
					margin-top:40px;
					position: relative;
					.title{
						text-align: center;
						font-size: 24px;
						font-weight: bold;
						color: #333;
						padding:30px 0;
					}
					.flow{
						width: 89.5%;
						height: 120px;
						position: relative;
						margin:30px auto 60px;
						div{
							width: 100%;
							height: 10px;
							position: absolute;
							top:50%;
							left: 0;
							margin-top:-5px;
							background:#182E81;
						}
						span{
							position: absolute;
							top:0;
							width: 120px;
							height: 120px;
							line-height: 120px;
							text-align: center;
							border-radius: 50%;
							margin-left: -60px;
							color:#fff;
							background: #4877ED;
						}
						span:nth-child(2){
							left: 0;
						}
						span:nth-child(3){
							left: 25%;
						}
						span:nth-child(4){
							left: 50%;
						}
						span:nth-child(5){
							left: 75%;
						}
						span:nth-child(6){
							left: 100%;
						}
					}
				}
			}
		}
		.message{
			width:100%;
			background: #f2f2f2;
			overflow: hidden;
			.center{
				height:440px;
				margin:30px auto;
				background: #fff;
				border:1px solid #d9d9d9;
				.l{
					float: left;
					width:399px;
					height:100%;
					ul{
						li{
							color: #999;
							padding:20px 30px 20px 26px;
							border-bottom:1px solid #d9d9d9;
							border-right:1px solid #d9d9d9;
							.join{
								font-size: 16px;
								line-height:24px;
								height:24px;
							}
							p{
								font-size:14px;
								height: 40px;
								line-height: 40px;
								text-indent: 2em;
								white-space: nowrap;
								overflow: hidden;
								text-overflow: ellipsis;
							}
							.date{
								font-size: 12px;
								height: 18px;
								line-height: 18px;
								text-align: right;
								display: block;
							}
						}
						.current{
							border-right: none;
							border-left:5px solid #4877ed;
						}
					}
					.page{
						padding: 20px 0 20px;
    					text-align: center;
    					height: 31px;
    					>div{
    						display: inline-block;
    						text-align: center;
    						a,span{
    							color: #999;
    							font-size: 12px;
							    position: relative;
							    float: left;
							    padding: 6px 12px;
							    margin-left: -1px;
							    line-height: 1.42857143;
							    text-decoration: none;
							    background-color: #fff;
							    border: 1px solid #ddd;
    						}
    						.disabled{
    							color: #333;
							}
							.cur{
								z-index: 2;
							    color: #fff;
							    cursor: default;
							    background-color: #337ab7;
							    border-color: #337ab7;
							}
    					}
					}
				}
				.r{
					padding-top:20px;
					float: left;
					width: 781px;
					.get_date{
						float: right;
						margin-right: 30px;
						color: #999;
					}
					p{
						padding-top: 40px;
						text-align: center;
						width: 90%;
						margin:0 auto;
					}
				}
			}
		}
		.personal_main{
			width: 100%;
			background: #f2f2f2;
			overflow: hidden;
			.center {
				margin: 90px auto 30px;
				background: #fff;
				padding:90px 0 60px;
				position: relative;
				.portrait{
					z-index:9;
					position: absolute;
					left:50%;
					margin-left:-60px;
					top:-60px;
					cursor: pointer;
					img{
						width: 120px;
						height: 120px;
						border-radius: 50%;
						object-fit: cover;
						&:hover{
							opacity: 0.8;
						}
					}
					.mask{
						position: absolute;
						top: 0;
						left: 0;
						width: 120px;
						height: 120px;
					}
				}
				.img_note{
					display: none;
					text-align: center;
					font-size: 12px;
					color: #666;
					position: relative;
					top: -25px;
				}
				.edit{
					margin:0 auto;
					width: 50%;
					background: #f2f2f2;
					position: relative;
					-webkit-border-radius: 10px;
					-moz-border-radius: 10px;
					border-radius: 10px;
					padding-bottom:60px;
					.go_edit{
						position: absolute;
						right:30px;
						top: 30px;
						cursor: pointer;
						img{
							width:32px;
							height:auto;
							display: block;
						}
					}
					ul{
						padding-top:72px;
						li{
							font-size:14px;
							height:54px;
							line-height:54px;
							padding-left:150px;
							input,select{
								width:170px;
								margin-left:40px;
								height:30px;
								line-height:30px;
								padding-left:20px;
								border-bottom:1px solid #ccc;
							}
							select{
								width:190px;
								margin-left:35px;
							}
						}
					}
					div:last-child{
						display: none;
						text-align: center;
						margin-top:30px;
						button{
							width: 80px;
							height:30px;
							line-height:30px;
							background: #1a54e8;
							color:#fff;
							-webkit-border-radius: 5px;
							-moz-border-radius: 5px;
							border-radius: 5px;
							border:1px solid #1a54e8;
							outline:none;
							cursor: pointer;
						}
						button:last-child{
							margin-left:30px;
							background: #fff;
							color: #1a54e8;
							&:hover{
								background:  #1a54e8;
								color: #fff;
							}
						}
					}
				}
			}
		}
		.pro_manage{
			width: 100%;
			background: #f2f2f2;
			padding:40px 0;
			.center{
				background: #fff;
				.query{
					padding:20px 0;
					margin:0 30px;
					input,select{
						width: 160px;
						padding: 8px 12px;
						display: inline-block;
						vertical-align: middle;
						font-size: 12px;
						color: #666;
						background-color: #fff;
						border: 1px solid #dbdbdb;
						border-radius: 4px;
					}
					button{
						margin-top: 1px;
						width: 90px;
						height: 32px;
						margin-left: 20px;
						color: #fff;
						background: #4877ed;
						border:none;
						-webkit-border-radius: 4px;
						-moz-border-radius: 4px;
						border-radius: 4px;
						outline:none;
						cursor: pointer;
					}
					ul{
						display: inline-block;
						li{
							float: left;
							margin-left: 16px;
							font-size: 14px;
							select{
								width: 130px;
							}
						}
						.dump{
							display: inline-block;
							width: 90px;
							text-align: center;
							height: 32px;
							line-height: 32px;
							margin-left: 20px;
							color: #fff;
							background: #4877ed;
							-webkit-border-radius: 4px;
							-moz-border-radius: 4px;
							border-radius: 4px;
							position: relative;
							top: 1px;
							font-size: 14px;
						}
					}
					.dowmload{
						float: right;
					}
					.comfirm{
						display: none;
						float: right;
					}
				}
				.projects{
					width: 100%;
					padding-bottom:20px;
					min-height: 300px;
					background: url("../images/tablebg.jpg") center 90px no-repeat;
					background-size: 200px;
					table{
						width:100%;
						text-align: center;
						border-collapse: collapse;
						font-size:14px;
						th{
							height: 55px;
							background-color: #1446a0;
							color: #fff;
							font-size: 17px;
							font-weight: 500;
							text-align: center;
							border: 1px solid #fff;
						}
						td{
							border: 1px solid #ccc;
							padding: 20px 8px;
							.selected{
								display: none;
								label{
									background:url(../images/no_select.png) no-repeat left;
									background-size: 22px;
									padding-left:22px;
									padding-top: 3px;
									cursor: pointer;
								}
								input[type="checkbox"] {
							    	display: none;
							    	&:checked + label {
							   			background-image:url(../images/selected.png);
							    	}
							  	}
							}
						}
						th:first-child,td:first-child{
							border-left:0;
						}
						th:last-child,td:last-child{
							border-right: 0;
						}
						td:nth-child(2){
							text-align: left;
							width:360px;
							a{
								color:#4877ed;
								&:hover{
									border-bottom:1px solid #4877ed;
								}
							}
						}
						tr{
							td:last-child{
								a{
									color:#4877ed;
								}
							}
						}
					}
					.page{
						padding:20px 0;
						text-align: center;
						height:30px;
						line-height:30px;
					}
				}
			}

		}
	}
}
#add_member,#add_teacher{
	width: 500px;
	position: relative;
	.title{
		width:100%;
		height:72px;
		line-height:72px;
		text-align: center;
		font-size: 22px;
		font-weight:bold;
		color: #fff;
		background: linear-gradient(to right, #198fff , #4b02ab);
		margin-bottom:20px;
	}
	p{
		margin:0 20px 20px;
		font-size:12px;
		color:#e15554;
	}
	.inform{
		margin:0 20px 20px;
		height: 50px;
		line-height: 50px;
		font-size: 14px;
		color: #808080;
		text-align: center;
		span{
			color:#e57372;
		}
		input{
			margin-left:16px;
			padding:10px;
			width: 250px;
			border:1px solid #ccc;
			border-radius: 5px;
		}
		select{
			margin-left:16px;
			padding:8px;
			width: 270px;
			border:1px solid #ccc;
			border-radius: 5px;
		}
	}
	.warm1,.warm2{
		display: none;
		position: absolute;
		bottom: 90px;
		left: 0;
		right: 0;
		margin:0 auto;

	}
	div:last-child{
		text-align: center;
		padding-bottom: 20px;
		padding-top:10px;
		button{
			width:118px;
			height:38px;
			border:1px solid #4877ed;
			color:#4877ed;
			background: #fff;
			margin-left:20px;
			border-radius: 4px;
			cursor: pointer;
		}
		button:first-child{
			margin-left: 0;
			color: #fff;
			background:#4877ed;
		}
	}
}
#delete,#del_project{
	width: 500px;
	.title{
		background: linear-gradient(to right, #198fff , #4b02ab);
		width: 100%;
		height: 70px;
		line-height: 70px;
		text-align: center;
		font-size: 22px;
		font-weight: bold;
		color: #fff;
	}
	p{
		height: 80px;
		line-height: 80px;
		text-align: center;
		color: #808080;
	}
	div:last-child{
		text-align: center;
		padding-bottom: 40px;
		padding-top:10px;
		button{
			width:118px;
			height:38px;
			border:1px solid #4877ed;
			color:#4877ed;
			background: #fff;
			margin-left:20px;
			border-radius: 4px;
			cursor: pointer;
		}
		button:first-child{
			margin-left: 0;
			color: #fff;
			background:#4877ed;
		}
	}
	
}
